var table = layui.table;

var tableIns = table.render({
    elem: '#customerList',
    url: '/customer/list',//数据接口
    page: true,//开启分页
    parseData: function (res) {//res为原始返回数据
        return {
            "code": res.code,//解析接口状态
            "msg": res.msg,//解析提示文本
            "count": res.data.count,//解析数据长度
            "data": res.data.records//解析数据列表
        };
    },
    cols: [[//表头
        {field: 'realName', title: '真实姓名'},
        {field: 'sex', title: '性别'},
        {field: 'age', title: '年龄'},
        {field: 'phone', title: '手机号码'},
        {field: 'createTime', title: '创建时间'},
        {title: '操作', toolbar: '#barDemo'}
    ]]
});

/**
 * 按条件查询
 */
function query() {
    tableIns.reload({
        where: { //设定异步数据接口的额外参数，任意设
            realName: $("#realName").val(),
            phone: $("#phone").val()
        },
        page: {
            curr: 1
        }
    })
}

function toAdd() {
    $.get('/customer/toAdd', function (res) {
        layer.open({
            type: 1,
            title: '新增客户',
            area: ['800px', '450px'],
            content: res
        });
        layui.form.render();
        layui.form.on('submit(addSubmit)', function (data) {
            $.ajax({
                url: data.form.action,
                async: false,
                type: 'POST',
                contentType: "application/json",
                data: JSON.stringify(data.field),
                success: function (res) {
                    if (res.code == 0) {
                        layer.closeAll();
                        query();
                    } else {
                        layer.alert(res.msg);
                    }
                }
            });
            return false;//阻止表单跳转。
        })
    });
}